<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>带按钮的图片横幅广告</title>

		<style type="text/css">

			*{

				margin: 0;

				padding: 0;

			}

			#adverImg{

				width: 430px;

				height: 130px;

				position: relative;

				margin: 10px;

			}

			#adverImg .number{

				position: absolute;

				right: 5px;

				bottom: 2px;

			}

			#adverImg .number ul li{

				float: left;

				margin-right: 5px;

				width: 20px;

				height: 20px;

				border: 1px #666 solid;

				text-align: center;

				line-height: 20px;

				font-size: 12px;

				list-style-type: none;

				background-color: #FFF;

			}

		</style>

	</head>

	<body>

		<div id="adverImg"><img src="../img/adver-01.jpg" alt="" />

			<div class="number">

				<ul>

					<li>1</li>

					<li>2</li>

					<li>3</li>

					<li>4</li>

					<li>5</li>

				</ul>				

			</div>

		</div>

	</body>

</html>


